<%--
  Created by IntelliJ IDEA.
  User: Adminis
  Date: 2025/3/19
  Time: 11:24
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" isELIgnored="false" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>登录页面</title>
    <link rel="stylesheet" href="${pageContext.request.contextPath}/home/css/bootstrap.min.css">
    <script src="${pageContext.request.contextPath}/home/js/bootstrap.min.js"></script>
    <style>
        body {
            background-image: url("${pageContext.request.contextPath}/home/images/Kitty1.png");
            background-size: cover;
            background-repeat: no-repeat;
        }
        label{
            font-size: 16px;
            color: #fffafa;
        }
        #thmym{
            margin: 0 auto;
            width: 500px;
            height: 500px;
            padding-top: 100px;
            padding-left: 70px;
            background-color: rgba(0, 0, 0, 0.5);
            border-radius: 20%;
            transition: box-shadow 0.3s ease; /* 添加过渡效果 */
        }
        #thmym:hover {
            box-shadow: 0 0 20px rgba(255, 255, 255, 0.8); /* 鼠标划过时的发光效果 */
        }
        .gotozc{
            text-decoration: none;
            display: inline-block;
            width: 240px;
            text-align: center;
            height: 30px;
            line-height: 30px;
            background: aqua;
            font-size: 12px;
            color: rgb(65, 126, 126);
            border-radius: 3px;
            margin-top: 5px;
        }

    </style>
</head>
<body>
    <div class="container" style="margin-top: 10%;">
        <div id="thmym">
            <div id="login">
                <form action="${pageContext.request.contextPath}/user/homeLogin" method="post">
                    <!-- 用户名 -->
                    <div class="row">
                        <div class="col-sm-2"></div>
                        <div class="col-sm-6 input-group input-group-lg">
                            <label for="user_name" class="form-label">用户名:</label>
                            <input type="text" class="form-control " name="user_name" id="user_name" required>
                        </div>
                        <div class="col-sm-2"></div>
                    </div>
        
                    <!-- 密码 -->
                    <div class="row">
                        <div class="col-sm-2"></div>
                        <div class="col-sm-6 input-group input-group-lg">
                            <label for="user_pass" class="form-label">密码:</label>
                            <input type="password" class="form-control" name="user_pass" id="user_pass" required>
                        </div>
                        <div class="col-sm-2"></div>
                    </div>
        
                    <br>
        
                    <div class="row">
                        <div class="col-sm-2"></div>
                        <div class="col-sm-6 input-group input-group-lg">
                            <input type="checkbox" class="form-check-input" id="xieyi" required>
                            <label class="form-check-label" for="xieyi">&nbsp;我已阅读并同意协议</label>
                        </div>
                        <div class="col-sm-2"></div>
                    </div>
        
                    
                    <div class="row">
                        <div class="col-sm-2"></div>
                        <div class="col-sm-6 input-group input-group-lg">
                            <button type="submit" class="btn btn-primary btn-sm btn-block btn-success">登录</button>
                            <button type="reset" class="btn btn-primary btn-sm btn-block btn-warning">重置</button>
                            <a class="gotozc" href="${pageContext.request.contextPath}/homepage/toRegister" id="denglu">去注册</a>
                        </div>
                        <div class="col-sm-2"></div>
                    </div>
        
                </form>
            </div>
       
        </div>
    </div>
    
</body>
</html>